@charset "utf-8";

html, body {
	background: #3979b8;
}

.loginBox {
	margin: 20px;
	padding: 20px;
	border: 1px solid #e9e9e9;
	background: #f2f2f2;
	border-radius: 10px;
	box-shadow: 0px 0px 10px rgba(0,0,0,.2);
}
.systemInfo .logo {
	text-align: center;
	padding: 10px;
}
.systemInfo .logo img {
	width: 96px;
}
.systemInfo h1, .systemInfo h5 {
	text-align: center;
}
.systemInfo h1 {
	font-size: 18px;
}
.loginForm {
	
}
.loginForm dl {
	padding: 5px 0px;
}
.loginForm dl:before, .loginForm dl:after {
	display: table;
	line-height: 0;
	content: "";
}
.loginForm dt {
	display: block;
	padding-top: 5px;
	line-height: 30px;
}
.loginForm dd {
	display: block;
}
.loginForm dd input {
	width: 96%;
	padding: 12px 2%;
	font-size: 14px;
}
.loginForm .btns {
	display: block;
}
.loginForm .btns input {
	width: 100%;
}
.copyRight {
	text-align: center;
	padding-bottom: 20px;
}
.copyRight,
.copyRight a {
	color: #98BCDC;
}
.copyRight a:hover {
	color: #fff;
}
.verifyCode {
	
}

@media only screen and (min-width: 800px) {
	.loginBox {
		width: 320px;
		margin: 20px auto;
	}
}